<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 关键字 -->
    <meta name="keywords" content="纽曼官网，纽曼电器">
    <!-- 描述 -->
    <meta name="description" content="该网站为纽曼公司的一个产品展示网站。">
    <!-- 渲染 -->
    <meta name="render" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>客户服务中心</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="./service.css">
    <!-- 网站小图标 -->
    <link rel="shortcut icon" href="./images/logo.png" type="png/x-icon">
</head>

<body>
    <!-- 导航栏 -->
    <header>
        <h1><a href="../index/index.html"><img src="./images/logo.jpg" alt="logo" class="logo"></a></h1>
        <ul class="nav">
            <li><a href="../index/index.html">企业首页</a></li>
            <li><a href="../about/about.html">关于我们</a></li>
            <li><a href="../news/news.html">新闻中心</a></li>
            <li><a href="../product/product.html">产品中心</a></li>
            <li class="action"><a href="../service/service.html">客户服务</a></li>
            <li><a href="../contact/contact.html">联系我们 </a></li>
        </ul>
        <ul class="language">
            <li>CN</li>
            <li>EN</li>
        </ul>
    </header>
    <!-- 单张图片的banner -->
    <div class="banner">
        <ul class="imgs">
            <li><a href="./news.html"><img src="./images/banner.jpg" alt="banner"></a></li>
        </ul>
    </div>
    <!-- news内容区 -->
    <div class="container">
        <!-- 侧边栏 -->
        <aside>
            <!-- 导航栏 -->
            <div class="aside-title-nav">
                <div class="aside-title">
                    <h2 class="title">services</h2>
                    <p>客户服务</p>
                </div>
                <ul class="aside-nav">
                    <li><a href="#"> <i>·</i> 招商加盟 >></a></li>
                    <li><a href="#"> <i>·</i> 购买流程 >></a></li>
                    <li><a href="#"> <i>·</i> 售后服务 >></a></li>
                    <li><a href="#"> <i>·</i> 技术支持 >></a></li>
                    <li class="aside-active"><a href="#"> <i>·</i> 常见问题 >></a>
                    </li>
                    <!-- 用i标签将 . 包裹便于对其操作 -->
                </ul>
            </div>
        </aside>

        <div class="container-content">
            <!-- 内容区上部标题+导航 -->
            <div class="content-title">
                <h3>
                    <span class="title-chinese">客户服务</span>
                    <span class="title-english">services</span>
                </h3>
                <div class="crumbs-nav">
                    您当前的位置&nbsp;&nbsp;&gt; <a href="../index/index.html">首页</a> &nbsp;&nbsp;&gt;<span
                        class="action">客户服务</span>
                </div>
            </div>
            <!-- 内容 -->
            <ul class="services-list">
                <li><a href="service-details.html">
                    <span class="service-item">·冰箱门变形密封圈换个位置就搞定</span>
                    <span class="line"></span>
                    <span class="service-date">2016-03-08</span>
                </a></li>
                <li><a href="service-details.html">
                    <span class="service-item">·电视时常打不开，原是主板焊点接触不好</span>
                    <span class="line"></span>
                    <span class="service-date">2016-03-08</span>
                </a></li>
                <li><a href="service-details.html">
                    <span class="service-item">·功放机没法修，下次一定带来新零件</span>
                    <span class="line"></span>
                    <span class="service-date">2016-03-07lavlmsaf;bkm</span>
                </a></li>
                <li><a href="service-details.html">
                    <span class="service-item">·打开空调使用时，发现不制冷</span>
                    <span class="line"></span>
                    <span class="service-date">2016-03-07</span>
                </a></li>
                <li><a href="service-details.html">
                    <span class="service-item">·空调在使用过程中漏水</span>
                    <span class="line"></span>
                    <span class="service-date">2016-03-07</span>
                </a></li>
                <li><a href="service-details.html">
                    <span class="service-item">·电冰箱外壳出现很多水</span>
                    <span class="line"></span>
                    <span class="service-date">2016-03-06</span>
                </a></li>
                <li><a href="service-details.html">
                    <span class="service-item">·电冰箱噪音过大</span>
                    <span class="line"></span>
                    <span class="service-date">2016-02-15</span>
                </a></li>
                <li><a href="service-details.html">
                    <span class="service-item">·怎样区别富士通空气净化器是正品</span>
                    <span class="line"></span>
                    <span class="service-date">2016-02-15</span>
                </a></li>
                <li><a href="service-details.html">
                    <span class="service-item">·空调长时间不用 </span>
                    <span class="line"></span>
                    <span class="service-date">2016-02-15</span>
                </a></li>
                <li><a href="service-details.html">
                    <span class="service-item">·洗衣机洗衣量不适度 </span>
                    <span class="line"></span>
                    <span class="service-date">2016-02-15</span>
                </a></li>
                <li><a href="service-details.html">
                    <span class="service-item">·电视随意摆放 </span>
                    <span class="line"></span>
                    <span class="service-date">2016-02-15</span>
                </a></li>
                <li><a href="service-details.html">
                    <span class="service-item">·电器产品使用寿命越长越好 </span>
                    <span class="line"></span>
                    <span class="service-date">2016-02-20</span>
                </a></li>
                <li><a href="service-details.html">
                    <span class="service-item">·粗鲁操作液晶显示器 </span>
                    <span class="line"></span>
                    <span class="service-date">2016-02-20</span>
                </a></li>
                <li><a href="service-details.html">
                    <span class="service-item">·夸大微波炉的辐射泄漏</span>
                    <span class="line"></span>
                    <span class="service-date">2016-02-20</span>
                </a></li>
                <li><a href="service-details.html">
                    <span class="service-item">·抗菌冰箱等于长期保鲜</span>
                    <span class="line"></span>
                    <span class="service-date">2016-02-20</span>
                </a></li>
                <li><a href="service-details.html">
                    <span class="service-item">·选购无效用小家电</span>
                    <span class="line"></span>
                    <span class="service-date">2016-02-20</span>
                </a></li>
                <li><a href="service-details.html">
                    <span class="service-item">·厨房类小家电不按照说明书操作 </span>
                    <span class="line"></span>
                    <span class="service-date">2016-02-28</span>
                </a></li>
                <li><a href="service-details.html">
                    <span class="service-item">·变频空调使用禁忌</span>
                    <span class="line"></span>
                    <span class="service-date">2016-02-28</span>
                </a></li>
                <li><a href="service-details.html">
                    <span class="service-item">·洗衣机如何省水省电省洗衣粉 </span>
                    <span class="line"></span>
                    <span class="service-date">2016-02-28</span>
                </a></li>
                <li><a href="service-details.html">
                    <span class="service-item">·洗衣机清洁两步骤</span>
                    <span class="line"></span>
                    <span class="service-date">2016-02-28</span>
                </a></li>
            </ul>
            <!-- 底部分页 -->
            <ul class="pages">
                <li><a href="#">&lt;&nbsp;上一页</a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">...</a></li>
                <li><a href="#">下一页&nbsp;&gt;</a></li>
            </ul>
        </div>
    </div>
    <!-- footer -->
    <footer>
        <div class="footer">
            <div class="footer-content">
                <div class="footer-nav">
                    <dl>
                        <dt> <a href="#">关于我们</a> </dt>
                        <dd> <a href="#">公司简介</a> </dd>
                        <dd> <a href="#">企业文化</a> </dd>
                        <dd> <a href="#">企业荣誉</a> </dd>
                        <dd> <a href="#">资格认证</a> </dd>
                        <dd> <a href="#">研发生产</a> </dd>
                    </dl>
                    <dl>
                        <dt> <a href="#">产品中心</a> </dt>
                        <dd> <a href="#">饮水机</a> </dd>
                        <dd> <a href="#">冰箱</a> </dd>
                        <dd> <a href="#">洗衣机</a> </dd>
                        <dd> <a href="#">空调</a> </dd>
                        <dd> <a href="#">其他产品</a> </dd>
                    </dl>
                    <dl>
                        <dt> <a href="#">新闻中心</a> </dt>
                        <dd> <a href="#">最新动态</a> </dd>
                        <dd> <a href="#">企业新闻</a> </dd>
                        <dd> <a href="#">行业新闻</a> </dd>
                        <dd> <a href="#">热点聚焦</a> </dd>
                    </dl>
                    <dl>
                        <dt> <a href="#">客户服务</a> </dt>
                        <dd> <a href="#">招商加盟</a> </dd>
                        <dd> <a href="#">购买流程</a> </dd>
                        <dd> <a href="#">售后服务</a> </dd>
                        <dd> <a href="#">技术支持</a> </dd>
                        <dd> <a href="#">常见问题</a> </dd>
                    </dl>
                    <dl>
                        <dt> <a href="#">联系我们</a> </dt>
                        <dd> <a href="#">在线留言</a> </dd>
                        <dd> <a href="#">网上咨询</a> </dd>
                        <dd> <a href="#">联系我们</a> </dd>
                    </dl>
                </div>
                <form action="#" class="footer-contact">
                    <input type="text" name="name" placeholder="请输入您的姓名">
                    <input type="tel" name="tel" placeholder="请输入您的联系方式">
                    <textarea name="" id="" cols="30" rows="10" placeholder="请输入留言"></textarea>
                    <br>
                    <input type="submit">
                </form>
            </div>
        </div>
        <p>
            Copyright&copy;2030WenCun.com All Rights Reserved &nbsp;&nbsp; Design by WenCun 粤ICP备13005446号-1
        </p>
    </footer>
</body>

</html>